window.onload = function () {


    var list = document.getElementById("list");
    var lis = list.getElementsByTagName("li");
    var info = document.getElementById("info");
    var divs = info.querySelectorAll(".sel");


    for (var i = 0; i < lis.length; i++) {

        lis[i].onclick = function () {
            init();
            for (var j =0; j < lis.length; j++) {
                if (lis[j] === this) {
                    lis[j].className = "this";
                    divs[j].className = "my_information sel";
                    break;
                }
            }
        }
    }

    function init() {
        var list = document.getElementById("list");
        var lis = list.getElementsByTagName("li");
        var info = document.getElementById("info");
        var divs = info.querySelectorAll(".sel");
        for (var i = 0; i < lis.length; i++) {
            lis[i].className = "other";
            divs[i].className = "my_information1 sel";
        }
    }



};



